<template>
	<!-- 常购商品 -->
	<view class="reg_shop">
		<view class="reg_shop_con" v-for="(item, index) in shoplist" :key="item.id">
			<view class="reg_shop_img"><image :src="item.image" mode=""></image></view>
			<view class="">
				<view class="reg_shop_name">
					<text>{{ item.text }}</text>
				</view>
				<view class="reg_shop_spec">
					<text>{{ item.shopSpec }}</text>
				</view>
				<view class="reg_shop_pic">
					<text class="reg_shop_pic_icon">￥</text>
					<text class="reg_shop_nowpic">{{item.xianj}}</text>
					<uni-tag :text="item.yuanj" type="default" inverted="true" disabled="true">￥</uni-tag>
				</view>
				
			</view>
		</view>
		<view class="tips">
			没有更多了
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			shoplist: [
				{
					id: 0,
					image: '/static/uni.png',
					text: '澳佳宝Blackmores 深海鱼油软胶囊 无腥味 1000mg Omega-3',
					shopSpec: '药品规格',
					yuanj: 38.9,
					xianj: 30.9
				},
				{
					id: 1,
					image: '/static/uni.png',
					text: '澳佳宝Blackmores 深海鱼油软胶囊 无腥味 1000mg Omega-3',
					shopSpec: '药品规格',
					yuanj: 38.9,
					xianj: 30.9
				},
				{
					id: 2,
					image: '/static/uni.png',
					text: '澳佳宝Blackmores 深海鱼油软胶囊 无腥味 1000mg Omega-3',
					shopSpec: '药品规格',
					yuanj: 38.9,
					xianj: 30.9
				},
				{
					id: 3,
					image: '/static/uni.png',
					text: '澳佳宝Blackmores 深海鱼油软胶囊 无腥味 1000mg Omega-3',
					shopSpec: '药品规格',
					yuanj: 38.9,
					xianj: 30.9
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.reg_shop {
	padding: 30rpx;
	position: relative;
	height: 100vh;
	background-color: #fff7cc;
	.reg_shop_con {
		padding: 15px;
		background-color: #FFFFFF;
		margin-bottom: 24rpx;
		border-radius: 20rpx;
		display: flex;
		.reg_shop_img {
			margin-right: 20rpx;
			image {
				width: 160rpx;
				height: 160rpx;
			}
		}
		.reg_shop_name{
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
			font-weight: 500;
		}
		.reg_shop_spec{
			font-size: 22rpx;
			color: #999999;
			line-height: 40rpx;
			font-weight: 500;
		}
		.reg_shop_pic{
			.reg_shop_pic_icon{
				color: #FF5F42;
				font-size: 26rpx;
				font-weight: 500;
				line-height: 48rpx;
			}
			.reg_shop_nowpic{
				color: #FF5F42;
				font-size: 36rpx;
				font-weight: 500;
				line-height: 48rpx;
				margin-right: 10rpx;
			}
			/deep/ .uni-tag{
				border: 1px solid;
				padding: 0px !important;
				line-height: 0px !important;
				font-size: 26rpx;
			}
		}
	}
}
</style>
